import React, { Component } from "react";
import PropTypes from "prop-types";

import GroupHeader from "./groupHeader";

import Icon from "../../components/Icon/index";
import { TimeLine } from "../../components/TimeLine/index.js";

const TimeLineItem = TimeLine.Item;

export default class Audit extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    const { tagName } = this.props.auditInfo;
    return (
      <div className="growth-bonus waterMark">
        <GroupHeader
          title="最近人事关联审批"
          color="blue"
          /* link={{
            text: "查看全部",
            onClick: () => console.info("查看全部：最近人事关联审批")
          }} */
        />

        <TimeLine>
          <TimeLineItem
            key="-1"
            icon={
              <span className="growth-icon-wrapper">
                <Icon type="clock-circle" />
              </span>
            }
          >
            {tagName}
          </TimeLineItem>
        </TimeLine>
      </div>
    );
  }
}

Audit.propTypes = {
  auditInfo: PropTypes.object
};
